<cp-navbar (onClickLeft)="onClickLeft()"></cp-navbar>
<div class="error" *ngIf="error"><cp-error (reload)="handleReload()"></cp-error></div>
<div class="loading" *ngIf="loading"><cp-loading></cp-loading></div>
<div class="container" *ngIf="!error && !loading">
  <div class="list" *ngIf="list.length > 0">
    <div class="gutter"></div>
    <div
      class="item border-bottom"
      *ngFor="let item of list; trackBy: trackByFn"
      routerLink="../appointDetail"
      [queryParams]="{ id: item.Id }"
    >
      <div class="left"><img [src]="item.Thumb" class="thumb" /></div>
      <div class="right">
        <p class="name">{{ item.Name }}</p>
        <p class="time">预约时间：{{ item.UpdateTime }}</p>
      </div>
    </div>
  </div>
  <cp-loadmore *ngIf="list.length > 0 && !nomore"></cp-loadmore>
  <cp-nomore *ngIf="list.length > 5 && nomore"></cp-nomore>
  <div class="empty" *ngIf="list.length === 0"><cp-empty></cp-empty></div>
  <div class="fill" *ngIf="list.length > 5"></div>
  <div class="fixed-bottom" routerLink="../serviceComment">
    <button class="btn btn-flex btn-sm btn-primary btn-shadow btn-circle">
      <img src="assets/images/Mine/comment.png" /> <span>服务评价</span>
      <div class="badge" *ngIf="invitationCount > 0">{{ invitationCount }}</div>
    </button>
  </div>
</div>
